<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>

	<link rel="stylesheet" href="css/style.css">

	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap" rel="stylesheet">

	<!-- Live reload -->
	<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>


</head>
<body>
	<section>
		<header class="header">
			<div class="container">
				<div class="header-inner">
					<div class="logo">DHRUVA<br><span>ASTRONOMY CLUB</span></div>
					<div class="header-menu">
						<a href="#" class="header-menu__item">Discover</a>
						<a href="#" class="header-menu__item">Quiz</a>
						<a href="#" class="header-menu__item">About</a>
						<a href="#" class="header-menu__item">Sign Up</a>
					</div>
				</div>
			</div>
		</header>
	</section>

	<main>
		<section>
			<div class="learn">
				<div class="container">
					<div class="learn-inner">
						<div class="learn-text">Learn</div>
						<ul class="learn-menu">
							<li><a class="learn-menu__item" href="#">Space</a></li>
							<li><a class="learn-menu__item" href="#">Stars</a></li>
							<li><a class="learn-menu__item" href="#">Planets</a></li>
							<li><a class="learn-menu__item" href="#">Galaxies</a></li>
							<li><a class="learn-menu__item" href="#">Conspiracies</a></li>
							<li><a class="learn-menu__item" href="#">Life</a></li>
						</ul>
						<div class="learn-text">and Cosmos</div>
					</div>
				</div>
			</div>
		</section>
	</main>

</body>
</html>